@charset "utf-8";

/* -- 标志 -- */	
#header {
	width: 100%;
	height: auto; 
	position: fixed; 
	padding-top: 20px; 
	z-index: 9999;
	}
#header #logo {
	width: 100px;
	height: 40px;
	display: block;
    position: absolute;
	top: 18px;
	left: 40px;
	}
	
/* -- 菜单按钮 -- */	
.closeBox{
	display:block;
	position: absolute;
	top: 18px;
	right: 40px;
	}
.closeBox:hover{
	background-color:#4b4b4b; 
	}
.close{ 
	display:inline-block; 
	width:40px;
	height:40px;
	overflow:hidden; 
	position:relative;
	}
.close::before{ 
	position:absolute; 
	content:""; 
	top:40%; 
	left:7px; 
	margin-top:-1px; 
	background:#000; 
	width:60%; 
	height:2px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
.close::after{ 
	position:absolute; 
	content:""; 
	top:60%; 
	left:7px; 
	margin-top:-1px; 
	background:#000; 
	width:60%; 
	height:2px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
a:hover .close::before{ 
	transform: rotate(45deg) translate(4px,4px);
	-webkit-transform: rotate(45deg) translate(4px,4px);
	-moz-transform: rotate(45deg) translate(4px,4px);
	-ms-transform: rotate(45deg) translate(4px,4px);
	 -o-transform: rotate(45deg) translate(4px,4px);
	 background:#fff; 
	}
a:hover .close::after{ 
	transform: rotate(-45deg) translate(2px,-2px);
	-webkit-transform: rotate(-45deg) translate(2px,-1px);
	-moz-transform: rotate(-45deg) translate(2px,-1px);
	-ms-transform: rotate(-45deg) translate(2px,-1px);
	 -o-transform: rotate(-45deg) translate(2px,-1px);
	 background:#fff; 
	}
	
/* -- 弹出导航样式 -- */	
.overlay {
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0); 
	z-index:999;
}
.overlay nav {
	width: 100%;
	top: 55%;
	left:0px;
	text-align:center;
	position: relative;
	line-height: 5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); 
	background-color:#fff;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: calc(100% / 7);
	min-height: 38px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.1s, visibility 0s 0.2s;
	transition: transform 0.3s, opacity 0.1s, visibility 0s 0.2s;
	-webkit-transform: translate3d( 300%, 0 ,0);
	transform: translate3d( 300%,0,0);
}
.overlay-slidedown.open ul li:first-child {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.overlay-slidedown.open ul li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.overlay-slidedown.open ul li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.overlay-slidedown.open ul li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.overlay-slidedown.open ul li:last-child {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.overlay-slidedown.open ul li {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.7s, opacity 0.1s 0.7s;
  transition: transform 0.7s, opacity 1s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.overlay ul li a {
  font-size: 18px; 
  font-family:"微软雅黑", Verdana, Geneva, sans-serif, ;
  font-weight: 300;
  display: block;
  color: #666666;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  text-decoration:none;
}
.overlay ul li a:hover, 
.overlay ul li a:focus {
  opacity: 0.7;
}
/* Effects */
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}

/* -- 网页底部样式 -- */
#footer {
	z-index: 9999;
	position: fixed;
	left:0px; 
	bottom:0px; 
	width: 100%; 
	height:20px; 
	}
#footer p { 
	text-align: right; 
	font-size: 12px; 
	color: #8e8e8e; 
	height: 20px; 
	line-height: 20px;
	padding:0px 40px; 
	}
/* --栏目标题 开始 --*/
.titlebox{
	margin-top:100px; 
	}
.titlebox h1{
	font-size:22px; color:#444; margin-bottom:8px; 
	}
.titlebox span{
	font-size:14px; color:#c1c1c1; margin-bottom:0px; 
	}
/* --栏目标题 结束 --*/


/* -------------------- 首页联系我们 开始 --------------------*/
.box-contactUs {
      background:url(../img/lx.jpg) no-repeat center top; padding:40px;
    }
.contactUs{
	margin-top:100px; background-color:#FFF; padding-top:20px;
	}
.UsInfo {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 2.22222222;
  color:#989898;
}
.UsInfo strong{
	font-size: 16px; font-weight:normal;
	}
input.form-control {
  display: block;
  width: 100%;
  height: 60px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #999;
  background-color: #fff; background-color:transparent;
  background-image: none;
  border-width:0px; border-bottom:1px solid #ccc;  
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input.form-control:focus {
  border-color: #737272;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .6);
}
textarea.form-control {
  background-color:transparent;
  height: auto; 
  border-width:0px; 
  border-bottom:1px solid #ccc; 
  color: #999; 
  margin-top:20px; 
  border-radius: 0px;
            box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea.form-control:focus {
  border-color: #737272;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 0px rgba(102, 175, 233, .6);
}
.btn-black {
  color: #fff;
  background-color: #383838;
  border-color: #383838;
  border-radius: 0px;
  padding-left:30px; padding-right:30px; margin-top:30px;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #383838;
  border-color: #383838;
}


/* --------------------首页关于我们 开始 --------------------*/
.box-about ul{
	display:block;
	list-style:none; 
	margin:0px;
	padding-left:0px;
	color:#000;
	margin-top:50px;
	}
.box-about ul p{ 
	line-height: 26px; 
	padding-right: 7.1%; 
	text-align: left; 
	font-size: 13px;
	color: #848484;
  }
.box-about ul li a.more { 
  width: 24%; 
  height: 40px; 
  line-height: 40px; 
  border-radius: 0px; 
  text-align: center; 
  text-indent: 0px;
  display: block; 
  font-family: "HELVETICANEUELTPRO-THEX"; 
  background-color: #383838; 
  border: #383838 1px solid;
  color: #fff; 
  font-size: 16px; text-decoration:none;
  margin-top:40px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
.box-about ul li a.more:hover{ 
  text-indent: -50px;
  }
.box-about img{
	margin-left:-30px;
	}
	
	
/* -------------------- 首页项目 开始 -------------------- */
.box-projects{
	padding:40px;
	}
#indexMenu { 
	padding-bottom:20px; 
	text-align:right; 
	border-bottom:solid 1px #ebebeb; 
	margin-bottom:30px;
	margin-top:100px;
	position:relative;
	}
#indexMenu span { 
	text-align:left; 
	}
#indexMenu a { 
  padding: 7px 27px; 
  border: 0; 
  }
#indexMenu a::after {
  position: absolute;
  content: "|";
  text-align: left;
  margin-left: 28px;
  margin-top: 0px;
  font-size: 10px;
  color: #C8C8C8;
  }
#indexMenu a:last-child::after {
	position: absolute;
	content: "";
	height: 0px;
	width: 0px;
	}
#indexMenu a::before {
	position: absolute;
	content: "";
	text-align: left;
	margin-left: 0px;
	margin-top: 25px;
	background-color: #818181;
	width: 0px;
	height: 1px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
#indexMenu a:hover::before {
	width: 30px;
	}

#indexMenu a { 
	font-size: 14px; 
	color: #999; 
	border: 0; 
	text-decoration:none; 
	}

#indexMenu a.active, #category a:hover { 
	background: transparent; 
	color: #333; 
	border-color: transparent; 
	}
	
/* --首页项目标题 开始 --*/
#indexMenu .titlebox{
	position:absolute; top:-30px; left:0px; z-index:999; padding:0px; margin:0px;
	}
#indexMenu .titlebox h1{
	font-size:22px; color:#444; margin-bottom:8px; text-align:left; margin-top:0px;
	}
#indexMenu .titlebox span{
	font-size:14px; color:#c1c1c1; margin-bottom:0px; text-align:left;
	}
	
/* -- 项目 样式 --*/

.projectBox {
  margin-right: -6px;
  margin-left: -6px;
}
.projectBox a{
	text-decoration:none;
}
.projectBox .col-md-3{
	padding-right: 6px;
    padding-left: 6px;
	}
.projectBox .thumbnail {
  display: block;
  padding: 0px; 
  padding-bottom:30px;
  margin-bottom: 40px;
  line-height: 1.42857143;
  background-color: #fff;
  border-width:0px; 
  border-bottom:1px solid #e5e5e5;
  border-radius: 0px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.projectBox .caption h3{
  color: #565656;
  font-size: 16px;
}
.projectBox .caption p{
  color: #9a9a9a;
  font-size: 13px;
}
.projectBox .caption .introduction {
  color: #9a9a9a;
  font-size: 12px; margin-top:25px;
}

.projectBox a .thumbnail {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.projectBox a:hover .thumbnail {
	transform:translateY(-10px);
}

/* -------------------- 首页幻灯 -------------------- */
.box-slide{
	padding:70px 40px 40px 40px; padding:0px;
	}
#demo1{
  border: 7px solid #000; 
  border-color: rgba(0, 0, 0, 0.0);   
  border-right-color: #bbbbbb;
  border-right-width:7px;
  width: 0;
  height: 0; 
  position:fixed; 
  left:10px; 
  top:45%; 
}
#demo2{
  border: 7px solid #000; 
  border-color: rgba(0, 0, 0, 0.0);   
  border-left-color: #bbbbbb;
  border-left-width:7px;
  width: 0;
  height: 0; 
  position:fixed; 
  right:10px; 
  top:45%; 
}


.box-news{
  padding:70px 40px 40px 40px;
  }
.box-news .titlebox{
	margin-top:30px; 
  }
.news-list{
	border-top: solid #e6e5e5 1px; margin-top:60px;
	}
.news-list .thumbnail {
  display: block;
  padding: 0px; 
  padding-bottom:30px;
  margin-bottom: 40px;
  margin-top:-63px;
  line-height: 1.42857143;
  background-color: transparent;
  border-width:0px; 
  border-radius: 0px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.news-list h4{
	font-size: 20px;
	font-weight: inherit;
	font-family: HELVETICANEUELTPRO-THEX;
	color: #C0C0C0;
	display: inline-block; 
  }
.news-list h3{
	font-size: 16px;
	color: #666;
	display: inline-block;
	height:40px;
	line-height: 30px;
	overflow:hidden;
  }
.news-list  a:hover h3{
	color: #333;
  }
.news-list  a:hover h4{
	color: #737272;
  }
.news-list h3::before {
	position: absolute;
	content: "";
	text-align: left;
	margin-left: 0px;
	margin-top: -9px;
	background-color: #737272;
	width: 0px;
	height: 1px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
.news-list a:hover h3::before {
	width: 85%;
	}
.news-list p{
  text-align: left;
  color: #999;
  line-height: 25px;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  font-size: 13px;
  margin-top: 10px;
  height:75px;
  display: inline-block; 
  overflow:hidden;
  }
